<template>
  <div class="main">
    <div class="content">
      <div class="png">
        <img class="img" src="@/assets/images/unauth-404.png" alt="">
      </div>
      <div class="title">您暂无该页面的权限</div>
      <div class="text">请联系管理员开通此模块的操作权限！</div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'Page404',
  computed: {
    message() {
      return '您无权查看该页面！'
    }
  }
}
</script>

<style lang="scss" scoped>
.main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;

    .content {
        .png {
            width: 590px;
            height: 304px;
            margin-bottom: 73px;
            .img {
                width: 100%;
                height: 100%;
            }
        }
        .title {
            margin-bottom: 24px;
            font-size: 32px;
            font-family: Roboto, Roboto-Regular;
            font-weight: 400;
            color: #252631;
            text-align: center;
        }
        .text {
            font-size: 14px;
            font-family: Roboto, Roboto-Regular;
            font-weight: 400;
            color: #62687f;
            text-align: center;
        }
    }
}
</style>
